<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>w0924_2_condition</title>

	</head>

	<body>
			<img src="images/cat.png" width="300" height="300" id="i1" />
		<script>
			/* 조건문--------------------------------- */
			// if(조건){
			// 조건만족코드
			// }else if(조건2){
			// 조건만족코드
			// }else{
			// 조건만족x코드
			// }
		
			var to = new Date();

			document.write(to.getHours() + '<br/>');

			if (to.getHours() < 19) {
				document.write("good morning");
			} else {
				document.write("좋은 하루");
			}

			//id가 i1요소접근하여 pic변수에 저장
			//pic요소의 속성변경
			/* 객체명.메소드명() 객체명.속성명 객체명.속성명=값*/
			var pic = document.getElementById("i1");
			var picWidth =pic.width;
			document.write('pic: ' + pic.src);
			
			document.write('<br/>');

			if (to.getHours() <= 7) {
		    document.write("good Morning");
		   

			} else if (to.getHours() <= 18) {
				document.write("오후입니다.");
				 pic.src="images/cat.png";
				 //이미지의 가로크기=원래이미지가로크기*(h/100);
				 pic.style.width = picWidth*(h/100);
			} else if (to.getHours() <= 23) {
				document.write("저녁입니다.");
			} else {
				document.write("잘자요~");
			}
			
			
		</script>
	</body>
</html>
